<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>classiclink</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="__CSS__/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="__JS__/cufon-yui.js"></script>
<script type="text/javascript" src="__JS__/arial.js"></script>
<script type="text/javascript" src="__JS__/cuf_run.js"></script>
<script type="text/javascript" src="__JS__/tabs.js"></script>
</head>
<body>
<div class="main">
  <div class="header">
    <div class="header_resize">
      <div class="logo">
        <h1><a href="#"><img src="__IMAGE__/song1.gif"></a> </h1>
      </div>
      <div class="menu_nav">
        <ul>
          <li class="active"><a href="index.html">首页</a></li>
           <li><a href="support.html">日常积累</a></li>
     <!--     <li><a href="about.html">地狱</a></li>
          <li><a href="blog.html">天使</a></li>
          <li><a href="contact.html">恶魔</a></li>
          <li><a href="contact.html">关于</a></li>
          <li><a href="contact.html">留言</a></li> -->

        </ul>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="content">
    <div class="content_resize">
      <div class="mainbar">
        <div class="article">
          <span style="color:#000"><strong>如何建立个人博客?</strong></span>
          <img src="__IMAGE__/img1.jpg" width="625" height="205" alt="" />
          <p>其实蛮遗憾的，话说这四年，并不是很专注于它，起初的建立是因为“面子”，一个网页设计师怎能没有一个属于自己的博客网站，域名几番斟酌选了yangqq(唯一用心的选了域名)，选好后，草草的用了两天时间，设计了一个简单的博客模板，接下来用了漏洞百出的asp程序(自己瞎改)，从网上copy了很多文章，放到网站上，就这样，我满心欢喜…博客从此也就搁置了。就像玩拼图，趁着三分热度和新奇，一鼓作气完成了，就随意的丢在犄角旮旯了，再也没有兴趣…</p>
          <div style="widht:100%;margin: 0 0 10px 0 ; padding:0 0 10px 0 ;" >
          <p style="float:left"><span class="date">发布时间: <a href="#">2017-05-01</a></span> &nbsp;|&nbsp; 作者 <a href="#">Song</a> &nbsp;|&nbsp; 评论 <a href="#">5</a> &nbsp;|&nbsp; 点击 <a href="#">3</a></p>
          <p style="float:right"> <a href="#" class="rm">详情... &raquo;</a></p>
          </div>
        </div>

        <div class="article">
          <h2><span>Future</span> technology</h2>
          <div class="clr"></div>
          <p><span class="date">Date: <a href="#">15.03.2010</a></span> &nbsp;|&nbsp; Posted by <a href="#">Owner</a> &nbsp;|&nbsp; Filed under <a href="#">templates</a>, <a href="#">internet</a></p>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</a> Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam.</p>
          <p>Mauris ac odio massa. Maecenas tellus turpis, consequat et congue vitae, dignissim ac sem. Nunc feugiat rhoncus libero, sed venenatis quam accumsan sed. Praesent malesuada fringilla pulvinar. Curabitur sodales urna a orci volutpat mollis. Vivamus sit amet leo a leo condimentum iaculis. Sed sodales mattis eleifend. Aliquam sed condimentum massa. Nullam at orci nibh. Aliquam luctus fringilla facilisis. Nam imperdiet.</p>
          <p class="spec"><a href="#" class="com"><span>7</span> Comments</a> <a href="#" class="rm">Read more &raquo;</a></p>


        </div>
        <p class="pages"><small>Page 1 of 2 &nbsp;&nbsp;&nbsp;</small> <span>1</span> <a href="#">2</a> <a href="#">&raquo;</a></p>
      </div>
      <div class="sidebar">
        <div class="searchform">
          <form id="formsearch" name="formsearch" method="post" action="#">
            <span>
            <input name="editbox_search" class="editbox_search" id="editbox_search" maxlength="80" value="搜索相关信息..." type="text" />
            </span>
            <input name="button_search" src="__IMAGE__/search_btn.gif" class="button_search" type="image" />
          </form>
        </div>

<div class="usual">


       
        <ul class="idTabs">
          <li><a class="selected" href="#RECENT">推荐</a></li>

          <li><a class="" href="#ARCHIVE">最新</a></li>
      <li><a class="" href="#TOPICS">最热</a></li>
    
        </ul>
        
        
<!-- START widget_box div -->
<div class="widget_box">
        <div style="display: block;" id="RECENT"><ul> <li><a href="http://localhost/wordpress/?p=16" title="Awsome stuff">Awsome stuff</a></li>

  <li><a href="#" title="Poster man">Poster man</a></li>
  <li><a href="#" title="Sensation">Sensation</a></li>
  <li><a href="#" title="Fantastic">Fantastic</a></li>
  <li><a href="#" title="Big news">Big news</a></li>
  <li><a href="#" title="Heading">Heading</a></li>
  <li><a href="#" title="Another post">Another post</a></li>

  <li><a href="#" title="Hello world!">Hello world!</a></li>
    
</ul>
</div>

<div style="display: none;" id="ARCHIVE">

<ul>  
<li><a href="#" title="February 2009">February 2009</a></li>
</ul>

</div>
<div style="display: none;" id="TOPICS">

<ul>  
<li><a href="#" title="February 2009">February 2009</a></li>
</ul>

</div>
<!--list of categories, order by name, without children categories, no number of articles per category-->
<div style="display: none;" id="TOPICS">
        
<ul>  
<li><a href="#" title="View all posts filed under Art">Art</a></li>
<li><a href="#" title="View all posts filed under Featured">Featured</a></li>
<li><a href="#" title="View all posts filed under Music">Music</a>

</li>

<li><a href="#" title="View all posts filed under News">News</a></li>
</ul>
</div>

<div style="padding: 15px; display: none;" id="TAGS">
Tags
</div>
</div>
<!-- CLOSE widget_box div -->

</div>
<!--           <span>导航</span>
          <div class="clr"></div>
          <ul class="sb_menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">TemplateInfo</a></li>
            <li><a href="#">Style Demo</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Archives</a></li>
          </ul> -->
      
        <div class="" style="padding: 8px 16px 8px 40px;">
          <span style="color:#000; padding:10px 0"><strong>标签</strong></span>
          <div class="clr"></div>
          <ul class="ex_menu" >
            <li><a href="http://www.dreamtemplate.com">DreamTemplate</a><br />
              Over 6,000+ Premium Web Templates</li>
            <li><a href="http://www.templatesold.com/">TemplateSOLD</a><br />
              Premium WordPress &amp; Joomla Themes</li>
            <li><a href="http://www.imhosted.com">ImHosted.com</a><br />
              Affordable Web Hosting Provider</li>
            <li><a href="http://www.myvectorstore.com">MyVectorStore</a><br />
              Royalty Free Stock Icons</li>
            <li><a href="http://www.evrsoft.com">Evrsoft</a><br />
              Website Builder Software &amp; Tools</li>
            <li><a href="http://www.csshub.com/">CSS Hub</a><br />
              Premium CSS Templates</li>
          </ul>
                    <ul class="ex_menu">
            <li><a href="http://www.dreamtemplate.com">DreamTemplate</a><br />
              Over 6,000+ Premium Web Templates</li>
            <li><a href="http://www.templatesold.com/">TemplateSOLD</a><br />
              Premium WordPress &amp; Joomla Themes</li>
            <li><a href="http://www.imhosted.com">ImHosted.com</a><br />
              Affordable Web Hosting Provider</li>
            <li><a href="http://www.myvectorstore.com">MyVectorStore</a><br />
              Royalty Free Stock Icons</li>
            <li><a href="http://www.evrsoft.com">Evrsoft</a><br />
              Website Builder Software &amp; Tools</li>
            <li><a href="http://www.csshub.com/">CSS Hub</a><br />
              Premium CSS Templates</li>
          </ul>
                    <ul class="ex_menu">
            <li><a href="http://www.dreamtemplate.com">DreamTemplate</a><br />
              Over 6,000+ Premium Web Templates</li>
            <li><a href="http://www.templatesold.com/">TemplateSOLD</a><br />
              Premium WordPress &amp; Joomla Themes</li>
            <li><a href="http://www.imhosted.com">ImHosted.com</a><br />
              Affordable Web Hosting Provider</li>
            <li><a href="http://www.myvectorstore.com">MyVectorStore</a><br />
              Royalty Free Stock Icons</li>
            <li><a href="http://www.evrsoft.com">Evrsoft</a><br />
              Website Builder Software &amp; Tools</li>
            <li><a href="http://www.csshub.com/">CSS Hub</a><br />
              Premium CSS Templates</li>
          </ul>
        </div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="fbg">
    <div class="fbg_resize">
      <div class="col c1">
        <h2><span>Image Gallery</span></h2>
        <a href="#"><img src="__IMAGE__/pix1.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="__IMAGE__/pix2.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="__IMAGE__/pix3.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="__IMAGE__/pix4.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="__IMAGE__/pix5.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="__IMAGE__/pix6.jpg" width="58" height="58" alt="" /></a> </div>
      <div class="col c2">
        <h2><span>Lorem Ipsum</span></h2>
        <p>Lorem ipsum dolor<br />
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Morbi tincidunt, orci ac convallis aliquam</a>, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.</p>
      </div>
      <div class="col c3">
        <h2><span>Contact</span></h2>
        <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue.</p>
        <p><a href="#">support@yoursite.com</a></p>
        <p>+1 (123) 444-5677<br />
          +1 (123) 444-5678</p>
        <p>Address: 123 TemplateAccess Rd1</p>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="footer">
    <div class="footer_resize">
      <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
      <p class="rf">Layout by Atomic <a href="http://www.atomicwebsitetemplates.com/">Website Templates</a></p>
      <div class="clr"></div>
    </div>
  </div>
</div>
<div align=center>This template  downloaded form <a href='http://all-free-download.com/free-website-templates/'>free website templates</a></div></body>
</html>
